<template>
	<div class="memberMessage">
		<div>
			<!-- <el-button type="info">取消</el-button>
			<el-button type="primary">保存</el-button>
			<el-button type="success">新增</el-button>
			<el-button type="danger">删除</el-button>
			<el-button type="warning">更新</el-button> -->
			<el-input type="text" placeholder="查询其他会员资料" v-model="otherNum" style="width:200px; margin-left:800px;"></el-input>
			<el-button type="primary" @click="search">查询</el-button>
		</div>
		<!-- <img src="../../assets/topMsg.png" alt=""> -->
		<!-- <div class="top_msg">
			<span class="item2">
				<span class="item2_word">会员编号/姓名：</span>
				<span class="item2_input">00001234/张三</span>
			</span>
			<span class="item2">
				<span class="item2_word">加入日期：</span>
				<span class="item2_input">2012-1-1</span>
			</span>
			<span class="item2">
				<span class="item2_word">最高/当前级别：</span>
				<span class="item2_input">9/7</span>
			</span>
			<span class="item2">
				<span class="item2_word">所属分公司：</span>
				<span class="item2_input">广东分公司</span>
			</span>
			<span class="item2">
				<span class="item2_word">最近购货日期：</span>
				<span class="item2_input">2018-7-1</span>
			</span>
			<span class="item2">
				<span class="item2_word">资格状态：</span>
				<span class="item2_input">正常</span>
			</span>
			<span class="item2">
				<span class="item2_word">介绍人编号/姓名：</span>
				<span class="item2_input">00001478/李四</span>
		  	</span>
			<span class="item2">
				<span class="item2_word">VIP卡有效日期</span>
				<span class="item2_input">2020-01-01</span>
			</span>
			<span class="item2">
				<span class="item2_word">发放状态</span>
				<span class="item2_input">正常</span>
			</span>
			<span class="item2">
				<span class="item2_word">服务中心编号</span>
				<span class="item2_input">12345678</span>
			</span>
			<span class="item2">
				<span class="item2_word">VIP卡取消日期</span>
				<span class="item2_input">2020-01-01</span>
			</span>
			<span class="item2">
				<span class="item2_word">副卡姓名：</span>
				<span class="item2_input">王五</span>
			</span>

		</div> -->
		<div class="top_msg">
			<span class="item2">
				<span class="item2_word">会员编号：</span>
				<span class="item2_input">00001234</span>
			</span>
			<span class="item2">
				<span class="item2_word">会员姓名：</span>
				<span class="item2_input">张三</span>
			</span>
			<span class="item2">
				<span class="item2_word">加入日期：</span>
				<span class="item2_input">2015-01-01</span>
			</span>
			<span class="item2">
				<span class="item2_word">奖衔：</span>
				<span class="item2_input">钻石</span>
			</span>
			<span class="item2">
				<span class="item2_word">五星：</span>
				<span class="item2_input">2015-03R</span>
			</span>
			<span class="item2">
				<span class="item2_word">红宝石：</span>
				<span class="item2_input">2015-09R</span>
			</span>
			<span class="item2">
				<span class="item2_word">翡翠：</span>
				<span class="item2_input">2016-04R</span>
		  	</span>
			<span class="item2">
				<span class="item2_word">钻石：</span>
				<span class="item2_input">2017-01R</span>
			</span>
			<span class="item2">
				<span class="item2_word">金钻：</span>
				<span class="item2_input"></span>
			</span>
			<span class="item2">
				<span class="item2_word">双金钻：</span>
				<span class="item2_input"></span>
			</span>
			<span class="item2">
				<span class="item2_word">三金钻：</span>
				<span class="item2_input"></span>
			</span>
			

		</div>
		<template>
		  <el-tabs v-model="activeName" type="border-card">
		    <el-tab-pane label="个人业绩单" name="first">
				<!-- <PriceDetail></PriceDetail> -->
				<img src="../../assets/personal.png" alt="">
				<div class="page_word">BNS-3-1.1</div>
            </el-tab-pane>
		    <el-tab-pane label="部门业绩单" name="bbb">
				<p style="font-size:25px; margin-left:30px"><span style="color:red">(201812)</span>部门业绩单</p>
				<img src="../../assets/bmyjd.png" alt="" style="width:100%">
				<div class="page_word">BNS-3-1.2</div>
            </el-tab-pane>
            <el-tab-pane label="上级信息" name="second">
				<Higher></Higher>
				<div class="page_word">BNS-3-1.3</div>
            </el-tab-pane>
            <el-tab-pane label="第一代活跃" name="third">
				<Junior></Junior>
				<div class="page_word">BNS-3-1.4</div>
            </el-tab-pane>
            <el-tab-pane label="发放情况" name="fourth">
				<Achievement></Achievement>
				<div class="page_word">BNS-3-1.5</div>
            </el-tab-pane>
            <el-tab-pane label="未发放情况" name="fifth">
				<NoAchievement></NoAchievement>
				<div class="page_word">BNS-3-1.6</div>
            </el-tab-pane>
            <el-tab-pane label="级别信息" name="sixth">
				<LevelManage></LevelManage>
				<div class="page_word">BNS-3-1.7</div>
            </el-tab-pane>
            <el-tab-pane label="过去24月活跃记录" name="aaa">
				<Last24></Last24>
				<div class="page_word">BNS-3-1.8</div>
            </el-tab-pane>
		  </el-tabs>
		</template>
	</div>
</template>
<script>
	import Achievement from "./achievement"
	import NoAchievement from "./noAchievement"
	import Higher from "./higher"
	import Junior from "./junior"
	import PriceDetail from "./priceDetail"
	import LevelManage from "./levelManage"
	import Last24 from "./last24"
	export default{
		data(){
			return {
				activeName:"first",
				otherMsg:{},
				personMsg:{},
				otherNum:"",
			}
		},
		methods:{
			search(){
				if(this.otherNum == "00000001" || this.otherNum == "李文涛"){
					this.personMsg = {
						a1:"00000001",
						a2:"李文涛",
						a3:"6",
						a4:"广东分公司",
						a5:"正常",
						a6:"2010-01-25",
						a7:"00001145",
						a8:"李伟",
						a9:"2017-10-2",
						a10:"00001254",
						a11:"陈辉",
						a12:"2020-01-01",
					}
					this.otherMsg = {
						data1:{
								a1:"00000001",
								a2:"李文涛",
								a3:"6",
								a4:"广东分公司",
								a5:"正常",
								a6:"2010-01-25",
								a7:"00001145",
								a8:"李伟",
								a9:"2017-10-2",
								a10:"00001254",
								a11:"陈辉",
								a12:"2020-01-01",
						},
						data2:{
								a1:"李文涛",
								a2:"男",
								a3:"汉",
								a4:"大专",
								a5:"445221199607086211",
								a6:"1996-07-08",
								a7:"22",
								a8:"经理",
								a9:"15766756572",
								a10:"13539833775",
								a11:"1325632152@163.com",
						},
						data3:{
								a1:"陈梅",
								a2:"女",
								a3:"汉",
								a4:"本科",
								a5:"445221199708125478",
								a6:"1997-08-12",
								a7:"24",
								a8:"2015-5-20",
								a9:"13587421452",
								a10:"15863214522",
								a11:"15863214522@163.com",
						},
						data4:{
								a1:"李明",
								a2:"天天日用品商店",
								a3:"天天",
								a4:"高级经销商",
								a5:"15844121141",
								a6:"广东省中山市",
								a7:"147258",
								a8:"13587421452@163.com",
								a9:"广东省中山市石岐区",
						}
					}
				}else if(this.otherNum == "00000002" || this.otherNum == "徐博"){
					this.personMsg = {
							a1:"00000002",
							a2:"徐博",
							a3:"8",
							a4:"江西分公司",
							a5:"正常",
							a6:"2011-03-15",
							a7:"00002145",
							a8:"黄辉",
							a9:"2018-2-12",
							a10:"00007214",
							a11:"陈林林",
							a12:"2022-01-01",
					}
					this.otherMsg = {
							data1:{
									a1:"00000002",
									a2:"徐博",
									a3:"8",
									a4:"江西分公司",
									a5:"正常",
									a6:"2011-03-15",
									a7:"00002145",
									a8:"黄辉",
									a9:"2018-2-12",
									a10:"00007214",
									a11:"陈林林",
									a12:"2022-01-01",
							},
							data2:{
									a1:"徐博",
									a2:"男",
									a3:"汉",
									a4:"本科",
									a5:"445221199201062219",
									a6:"1992-01-06",
									a7:"25",
									a8:"职员",
									a9:"15711245214",
									a10:"15844214125",
									a11:"15844214125@163.com",
							},
							data3:{
									a1:"黄纯纯",
									a2:"女",
									a3:"汉",
									a4:"高中",
									a5:"445221199108015478",
									a6:"1991-08-01",
									a7:"30",
									a8:"2014-5-20",
									a9:"13421114955",
									a10:"13855214214",
									a11:"13421114955@163.com",
							},
							data4:{
									a1:"黄伟",
									a2:"爱美丽商品店",
									a3:"爱美丽",
									a4:"中高级经销商",
									a5:"15211421021",
									a6:"江西省风城市",
									a7:"321456",
									a8:"15211421021@163.com",
									a9:"广东省风城市辉煌区",
							}
					}
				}else if(this.otherNum == "00000003" || this.otherNum == "陈华海"){
					this.personMsg = {
							a1:"00000001",
							a2:"陈华海",
							a3:"4",
							a4:"湖南分公司",
							a5:"正常",
							a6:"2008-04-05",
							a7:"00004675",
							a8:"郑晖达",
							a9:"2018-1-2",
							a10:"00007054",
							a11:"叶挺",
							a12:"2021-01-01",
					}
					this.otherMsg = {
							data1:{
									a1:"00000001",
									a2:"陈华海",
									a3:"4",
									a4:"湖南分公司",
									a5:"正常",
									a6:"2008-04-05",
									a7:"00004675",
									a8:"郑晖达",
									a9:"2018-1-2",
									a10:"00007054",
									a11:"叶挺",
									a12:"2021-01-01",
							},
							data2:{
									a1:"陈华海",
									a2:"男",
									a3:"汉",
									a4:"研究生",
									a5:"445221199704112219",
									a6:"1997-04-11",
									a7:"28",
									a8:"主任",
									a9:"15722114123",
									a10:"13522001234",
									a11:"13522001234@163.com",
							},
							data3:{
									a1:"曽莉莉",
									a2:"女",
									a3:"汉",
									a4:"大专",
									a5:"445221199008285478",
									a6:"1990-08-28",
									a7:"27",
									a8:"1990-08-28",
									a9:"15788212345",
									a10:"13844012441",
									a11:"15788212345@163.com",
							},
							data4:{
									a1:"邹城",
									a2:"黄黄商品店",
									a3:"黄黄",
									a4:"中级经销商",
									a5:"13566321452",
									a6:"湖南省长沙市",
									a7:"1452142",
									a8:"13566321452@163.com",
									a9:"广东省长沙市东城区",
							}
					}
				}else{
					this.$message({
						message: '请输入正确的姓名或用户编号',
						type: 'warning'
					});
				}
			}
		},
		components:{
		  Achievement,
		  NoAchievement,
		  Higher,
		  Junior,
		  PriceDetail,
		  LevelManage,
		  Last24
        },
        mounted(){
        }
	}
</script>
<style>
.memberMessage .top_msg{
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 12px;
}
.memberMessage .excelBtn{
	float: right;
	margin-top: 20px;
}

.memberMessage .page{
  float: right;
  margin:20px 0;
}
</style>